<!-- start: Content -->
<div id="content">
    <div class="panel box-shadow-none content-header">
        <div class="panel-body">
            <div class="col-md-12">
                <h3 class="animated fadeInLeft">在线直播</h3>
                <p class="animated fadeInDown">
                    专家 <span class="fa-angle-right fa"></span> 在线直播
                </p>
            </div>
        </div>
    </div>
    <div class="col-md-12">
        <div class="row">

            <th:block th:each="item:${list}">
            <div class="col-sm-6 col-md-3 product-grid">
                <div class="thumbnail">


                    <img th:src="@{/images/user/zb.jpg}" alt="...">
                    <div class="caption">
                        <small style="display:none;">Category</small>
                        <small class="pull-right" style="display:none;">
                            <span class="rate fa-star fa"></span>
                            <span class="rate fa-star fa"></span>
                            <span class="rate fa-star fa"></span>
                            <span class="rate fa-star fa"></span>
                            <span class="rate fa-star-half fa"></span>
                        </small>
                        <h4 th:text="${item.channelName}"></h4>
                        <p>
                            <th:block th:if="${item.status == 0} ">已结束</th:block>
                            <th:block th:if="${item.status != 0}">直播中</th:block>
                        </p>
                        <p><a th:onclick="'toZBDetail(\''+${item.httpPullUrl}+'\')'" th:target="_blank" class="btn btn-primary" role="button">观看</a></p>
                    </div>
                </div>
            </div>
            </th:block>


        </div>
    </div>
</div>

<!-- end: content -->
